<template>
	<view class="content">
		<web-view :update-title="false" ref="web-view" class="dzyd-img" :src="allUrl"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// pdf.js的viewer.htm所在路径
				// 注意：静态的html文件需要放在根路径下的 hybrid/html 文件夹中
				viewerUrl: '/static/pdfjs/web/viewer.html',
				// 要访问的pdf的路径
				// fileUrl: 'http://*******',
				// 最终显示在web-view中的路径
				allUrl: ''
			};
		},
		onLoad(option) {
			// h5，使用h5访问的时候记得跨域
			// #ifdef H5
			// http://192.168.101.242:9000/billpdf/upload/20221028/b1e2482617da491845a3f29bac2690e5.pdf
			this.allUrl = `${this.viewerUrl}?file=${encodeURIComponent(option.url)}`;
			// #endif
			// 在安卓和ios手机上
			// 判断是手机系统：安卓，使用pdf.js
			// #ifdef APP-PLUS
			// console.log(plus.os.name )
			if (plus.os.name === 'Android') {
				this.allUrl = `${this.viewerUrl}?file=${encodeURIComponent(option.url)}`;
			}
			// ios，直接访问pdf所在路径
			else {
				this.allUrl = encodeURIComponent(option.url);
			}
			// #endif
		},
		methods: {}
	};
</script>

<style lang="scss" scoped>
	.dzyd-img {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #ddd;
	}
</style>
